<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>晚课</title>
    <style>
        #bottom{
            height: 376px;
            margin: 0px auto;
        }
        #left{
            width: 611px;
            height: 376px;
            margin-right: 10px;
            background: #E8E8E8;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
            background-size: 50% 90%;
            background-repeat: no-repeat;
            background-position: 90% 60%;
        }
        #right{
            width: 375px;
            height: 376px;
            background: #E8E8E8;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img2.png");
            background-size: 50% 50%;
            background-repeat: no-repeat;
            background-position: 90% 90%;
        }
        #l{
            width: 611px;
            height: 376px;
            margin-right: 10px;
            background: #E8E8E8;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
            background-size: 50% 90%;
            background-repeat: no-repeat;
            background-position: 90% 60%;
        }
        #r{
            width: 375px;
            height: 376px;
            background: #E8E8E8;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img2.png");
            background-size: 50% 50%;
            background-repeat: no-repeat;
            background-position: 90% 90%;
        }
        #inside1{
            width: 245px;
            height: 232px;
            padding: 5px;
            text-align: left;
            margin-top: 68px;
            margin-left: 36px;
        }
    </style>
    <link rel="stylesheet" href="../src/main/resources/bootstrap-3.3.7-start/bootstrap3/css/bootstrap.css">
</head>
<body>
    <div class="col-md-12">
        <div class="col-md-10" id="bottom">
            <div class="col-md-6" id="left">
                <div id="inside1">
                    <p>
                        <b>灵越 燃7000系列</b>
                    </p>
                    <p>
                        酷睿双核i5处理器|256GB SSD| 8GB内存
                        <br>
                        英特尔HD显卡620含共享显卡内存
                    </p>
                    <p style="color: #2aabd2">
                        ￥4999.00
                    </p>
                    <p style="background-color: #2aabd2;background-size: 10%">
                        查看详情
                    </p>
                </div>
            </div>
            <div class="col-md-4" id=right>

            </div>
        </div>
    </div>
    <center>
        <table>
            <tr>
                <td>
                    <div id="l"></div>
                </td>
                <td>
                    <div id="r"></div>
                </td>
            </tr>
        </table>
    </center>
</body>
</html>